<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 第三种形式: 外联样式 -->
  <link rel="stylesheet" href="./css/style.css">
  <title>CSS的三种样式方式</title>
  <!-- 第二种形式: 内联样式 
    
    选择器 { 属性 : 值}
  
  -->
  <style>
    h2 {
      color: green;
    }
  </style>
</head>

<body>
  <!-- 三种样式优先级排序: 第一种>第二种>第三种 -->
  <!-- 第一种形式: 行内样式 -->
  <h1 style="color: red;">Heading No .1</h1>
  <h2>Heading No .2</h2>
  <h3>Heading No .3</h3>
</body>

</html>